* {
    margin: 0px;
}

textarea:focus, input:focus {
    outline: 0px none;
}

div {
    padding-bottom: 20px;
}

body {
    background-color: #FBF9F1;
    color: #333333;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 0.9em;
}

img {
    display: block;
    margin: auto;
}

p {
    padding-bottom: 3px;
}

strong, legend {
    color: #003399;
    font-size: 1.2em;
    font-weight: 400;
    padding: 3px;
}

#nav {
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
    float: left;
    list-style: none outside none;
    margin: 0px 0px 3em;
    padding: 0px;
    width: 100%;
}

#nav li {
    float: left;
}

#nav li a {
    border-right: 1px solid #CCCCCC;
    color: #006699;
    display: block;
    font-weight: 700;
    padding: 8px 15px;
    text-decoration: none;
}

#nav li a:hover {
    background-color: #FFFFFF;
    color: #CC0000;
}

.button {
    border: medium none;
    color: #FFFFFF;
    font-size: 1.1em;
    margin: 10px 0px 0px 10px;
    padding: 10px 10px 10px 15px;
    text-decoration: none;
}

.reducedButton {
    border: medium none;
    color: #FFFFFF;
    font-size: 1.1em;
    margin-left: 15px;
    margin-top: 10px;
    padding: 5px;
    text-decoration: none;
}

.reducedSize {
    font-size: 0.9em;
    margin: 10px 5px;
    padding: 10px 5px;
}

.yellow {
    background: none repeat scroll 0% 0% #F3BA08;
}

.blue {
    background: none repeat scroll 0% 0% #3498DB;
}

hr {
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    border-top: 1px solid rgba(0,0,0,0.1);
    height: 0;
    padding-bottom: 7px;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

div#container, div#containerMin, div#containerMinDoNotReplace {
    margin: 0px auto;
    width: 1190px;
}

div#containerMin, div#containerMinDoNotReplace {
    width: 665px;
}

div#mainContent, div#mainContentNoSidebar, div#mainContentNoSidebarDoNotReplace {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    float: left;
    margin-bottom: 100px;
    padding: 40px;
    width: 665px;
}

div#mainContentNoSidebar, div#mainContentNoSidebarDoNotReplace {
    clear: left;
    width: 585px;
}

div#sideContent {
    float: left;
    margin-left: 30px;
    padding: 20px;
    width: 370px;
}

div#reducedResolution {
    display: none;
}

div#sticker {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    display: block;
    margin: 20px 0;
    padding: 20px;
    width: 370px;
}

div#editSticker {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    display: block;
    top: 300px;
    padding: 20px;
    width: 370px;
    -webkit-margin-start: 0;
}

.stick {
    position: fixed;
    top: 0px;
}

.editStick {
    position: fixed;
    top: 45px;
}

.center {
    margin-left: 25px;
}

#minimalistTable {
    background: none repeat scroll 0% 0% #FFFFFF;
    border-collapse: collapse;
    margin: auto;
    text-align: left;
    width: 585px;
}

#minimalistTable th {
    border-bottom: 2px solid #6678B1;
    color: #003399;
    font-size: 1.2em;
    font-weight: 400;
    padding: 10px 8px;
}

#minimalistTable td {
    border-bottom: 1px solid #CCCCCC;
    color: #666699;
    font-size: 0.9em;
    padding: 6px 8px;
}

#minimalistTable tbody tr:hover td {
    color: #000099;
}

tr:hover td {
    background-color: #DFF2F4 ! important;
    color: #000000 ! important;
}

tbody td {
    background-color: #FFFFFF;
}

tbody td.odd {
    background-color: #F5F4F2;
}

#header-fixed {
    background-color: #FFFFFF;
    display: none;
    position: fixed;
    top: 0px;
}

label.field {
    float: left;
    text-align: left;
    width: 20%;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="password"], textarea, select {
    border: 1px solid rgba(10, 20, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12) inset;
    color: #999999;
    display: block;
    padding: 0.1em;
    width: 80%;
}

input:focus, textarea:focus {
    color: #000000;
}

textarea {
    height: 230px;
    width: 610px;
    padding: 0.5em 0px 0px 0.5em;
}

input.reducedInput, select {
    display: inline;
    margin-left: 10px;
    width: 70%;
}


#hourSelect, #minuteSelect, #ampmSelect, #hourSelect2, #minuteSelect2, #ampmSelect2  {
    width: 20%;
}

.aside {
    background: none repeat scroll 0% 0% #CECECE;
    float: right;
    margin: 40px 40px 0px 0px;
    padding: 20px;
    width: 200px;
}

.right {
    float: right;
}

#site-footer {
    background-color: #F5F3EB;
    border-top: 1px solid rgba(193, 192, 187, 0.2);
    bottom: -250px;
    box-shadow: 0px -1px 0px #FFFFFF;
    color: #7A7976;
    font-size: 0.8em;
    padding-bottom: 3em;
    padding-top: 2em;
    position: relative;
    text-align: center;
    width: 100%;
    height: 50px;
    z-index: 200;
}

.clickable {
    cursor: pointer;
}

.alert-box {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
}

.success {
    background-color: #EAF6D4;
    color: #458A10;
}

.error {
    background-color: #FFD4D4;
    color: #BF000B;
}

a img, .button.active {
    border: medium none;
}

.yellow:hover, .blue:hover {
    background: none repeat scroll 0% 0% #3CB0FD;
    cursor: pointer;
    text-decoration: none;
}
